<template>
	<view>
		<view class=""  @tap="jump('/pages/bbs/sort/sort?id='+list.sort.id)"  style="width: 100%;display: flex;justify-content: space-around;margin-top: 15rpx; margin-bottom: 15rpx;padding: 0 20rpx;">
			<view class="" style="display: flex; margin-top: 30rpx; margin-bottom: 30rpx; width: 80%;">
				<view class="">
					<image :src="photo_cdn+ list.sort.logo" style="width: 108rpx; height: 108rpx;border-radius: 20rpx;"></image>
				</view>
				<view class="" style="margin-left: 20rpx;width: 100%;" >
					<view class="" style="font-size: 28rpx;font-weight: 600;">
						{{list.sort.name || ''}}
					</view>
					<view class="">
						{{list.sort.seo_description || ''}}
					</view>
					<view class="" style="display: flex; justify-content: space-between;align-items: center;">
						<view class="">
							<view class="" style="display: flex;align-items: center;">
								<view class="" v-for="(item,index) in list.users" :key="index" >
									<image :src="photo_cdn+'/zpupload/userinfo/2.png'" style="width: 28rpx; height: 28rpx;border-radius: 15rpx;" ></image>
								</view>
								<view class="" style="background-color: #B13B3B; border-radius: 30rpx;font-size: 16rpx; color: #fff; display: flex; justify-content: center;align-items: center;padding-left: 15rpx; padding-right: 15rpx;">
									{{list.user_num || '0'}}人
								</view>
							</view>
						</view>
						<view class="" style="display: flex; margin-left: 80rpx;">
							<view class="" style="padding-top: 5rpx;">
								<image style=" height: 30rpx; width: 30rpx;" :src="photo_cdn+'/zpupload/static/bbs/Fire.png'"></image>
							</view>
							<view class="">
								{{list.view || '0'}}
							</view>
						</view>
						
					</view>
				</view>
				
				
				
			</view>
			
			<view class="" style="display: flex; align-items: center;">
				<view class="" style="border: #B13B3B 5rpx solid; padding: 10rpx; border-radius: 15rpx; font-size: 25rpx; color: #B13B3B; font-weight: bold; padding-left: 25rpx; padding-right: 25rpx;" >
					+进入
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {photo_cdn} = config.baseUrl;
	export default {
		props: {
			list: {
				type: Object,
				default: []
			},
		},
		data() {
			return {
				photo_cdn
			}
		},
		methods: {
			//跳转
			jump(e){
				console.log(e)
				uni.navigateTo({
					url:e
				})
			},
		}
	}
</script>

<style>

</style>
